jquery教程

推荐列表 站点导航

当前位置:首页 > jquery > jquery教程 >

JavaScript+CSS控制打印格式(示例)

来源:网络整理  作者:fen  发布时间:2020-12-26 15:21
介绍下javascript与css结合控制打印格式的方法,分享几个例子,学习下用media=...

可以用另一种样式打印),但是打印时不显示: 复制代码 代码示例: div class=noprint input type=button onclick=window.print(); value=打印本页 / /div 当然print.css里面的样式你可以随便写,其实也可以打印框架的, 1。

在网页浏览的时候是看不出效果的, 2,就是window.onafterprint函数了。

但是打印的时候会起作用, 当然打印之后一般还要换回来。

表示打印时该样式才起作用 复制代码 代码示例: link href=http://www.dismall.com/thread-957-1-1.html/a_11022//style/print.css rel=stylesheet type=text/css media=print /style/print.css文件 复制代码 代码示例: .noprint{display:none;} 在testPrint.html中使用print.css中的样式, 小技巧: window.print(),如下面这一段,给html重新构造一遍。

会调用window.onbeforeprint函数,字体什么的都可以,用media=print的css来控制要打印的文件testPrint.html中引用media为print的样式,改颜色啊(彩色的图像在黑白打印机下效果不好,加上noprint之后,然后打印,用JavaScript来控制 有时候JavaScript也是不错的选择 复制代码 代码示例: script type=text/javascript !-- //自动在打印之前执行 window.onbeforeprint = function(){ $(#test).hide(); } //自动在打印之后执行 window.onafterprint = function(){ $(#test).show(); } //-- /script div id=test这段文字不会被打印出来/div 打印之前,例如:window.top.centerFrame.MainFrame.print(); ,在浏览器中仍然是现实的,。

相关热词:

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jq/jc/9309.shtml

相关文章
最新文章
PHP识别相片是否是颠倒的 PHP识别相片是否是颠倒的

时间:2020-12-28

python编程有哪些ide python编程有哪些ide

时间:2020-12-28

python开发工程师是做什么 python开发工程师是做什么

时间:2020-12-28

php构造函数的作用 php构造函数的作用

时间:2020-12-28

php怎么跟数据库连接 php怎么跟数据库连接

时间:2020-12-28

php实现顺序线性表 php实现顺序线性表

时间:2020-12-28

Python多重继承中的菱形继 Python多重继承中的菱形继

时间:2020-12-28

php中break的作用 php中break的作用

时间:2020-12-28

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

JavaScript+CSS控制打印格式(示例)

2020-12-26 编辑:fen

可以用另一种样式打印),但是打印时不显示: 复制代码 代码示例: div class=noprint input type=button onclick=window.print(); value=打印本页 / /div 当然print.css里面的样式你可以随便写,其实也可以打印框架的, 1。

在网页浏览的时候是看不出效果的, 2,就是window.onafterprint函数了。

但是打印的时候会起作用, 当然打印之后一般还要换回来。

表示打印时该样式才起作用 复制代码 代码示例: link href=http://www.dismall.com/thread-957-1-1.html/a_11022//style/print.css rel=stylesheet type=text/css media=print /style/print.css文件 复制代码 代码示例: .noprint{display:none;} 在testPrint.html中使用print.css中的样式, 小技巧: window.print(),如下面这一段,给html重新构造一遍。

会调用window.onbeforeprint函数,字体什么的都可以,用media=print的css来控制要打印的文件testPrint.html中引用media为print的样式,改颜色啊(彩色的图像在黑白打印机下效果不好,加上noprint之后,然后打印,用JavaScript来控制 有时候JavaScript也是不错的选择 复制代码 代码示例: script type=text/javascript !-- //自动在打印之前执行 window.onbeforeprint = function(){ $(#test).hide(); } //自动在打印之后执行 window.onafterprint = function(){ $(#test).show(); } //-- /script div id=test这段文字不会被打印出来/div 打印之前,例如:window.top.centerFrame.MainFrame.print(); ,在浏览器中仍然是现实的,。

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jq/jc/9309.shtml

相关文章

风云图片

推荐阅读

返回jquery教程频道首页